<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>海尔首页</title>
    <link rel="stylesheet" href="http://localhost/haier/statics/css/base.css">
            <link rel="stylesheet" href="http://localhost/haier/statics/css/index.css">
                <style type="text/css">

        </style>
    </head>
<body>
<div class="main box-shadow" >
    <div class="main box-shadow"  >
    <div style=" width:1500px; ;margin-left: -200px ; background:rgb(239,239,238); overflow: hidden; height: 30px;">
    <span style="margin-left: 230px; line-height: 30px;">
    <a href="#">欢迎来到海尔商城</a></span> 
    <span style="margin-left: 440px;">&gt;&nbsp;<a href="#">企业直销</a>&nbsp;&gt;&nbsp;<a href="#">海尔商城</a>&nbsp;&gt;&nbsp;<a href="#">会员专区</a>&nbsp;&gt;&nbsp;<a href="#">全球网站</a>&nbsp;&gt;&nbsp;<a href="#">子公司网站</a></span></div>
        <div class="header"style="margin-Top:5px;">
            <div class="logo"><a href="#"><img src="http://localhost/haier/statics/images/img/logo.jpg" alt="logo"></a></div>
            <div class="search"style="margin-Top:30px;">
                <form action="#" method="">
                    <input type="text" value="请输入关键词" onfocus="if(value=='请输入关键词'){value =''}" onblur="if(value==''){value='请输入关键词'}" class="search_text" />
                    <input type="image" src="http://localhost/haier/statics/images/img/search_btn.jpg" class="search_btn" />
                </form>
            </div>
        </div>
                       <ul class="nav">
            <li class="nav_first"><a href="http://localhost/haier" class="nav01">首页</a></li>
                                    <li><a href="http://localhost/haier/index.php?m=content&c=index&a=lists&catid=9" class="nav02">产品中心</a></li>
                                                <li><a href="http://localhost/haier/index.php?m=content&c=index&a=lists&catid=13" class="nav02">服务专区</a></li>
                                                <li><a href="http://localhost/haier/index.php?m=content&c=index&a=lists&catid=10" class="nav02">人才招聘</a></li>
                                                <li><a href="http://localhost/haier/index.php?m=content&c=index&a=lists&catid=11" class="nav02">新闻中心</a></li>
                                                <li><a href="http://localhost/haier/index.php?m=content&c=index&a=lists&catid=12" class="nav02">关于海尔</a></li>
                                    
               <!--          <li><a href="" class="nav02">服务专区</a></li>
                        <li><a href="rczp.html" class="nav02">人才招聘</a></li>
                         <li><a href="news.html" class="nav02">新闻中心</a></li>
                          <li><a href="about.html" class="nav02">关于海尔</a></li>
                -->
          
                        
        
        </ul>
                                  <div class="content">
       <hr/ style="background:red; height:2px;">
            <div class="indexBanner">
                <a href="#"><img style="width:968px;height:450px;" style="height: 450px;" class="tu2" src="http://localhost/haier/statics/images/uploadfile/2015/0102/abc.png" class="bigImg" /></a>              
                 
                <div class="mask">
                 
                    <img class="tu1" src="http://localhost/haier/statics/images/uploadfile/2015/0102/abc.png" link="http://www.gx.gov.cn" />
                 
                    <img class="tu1" src="http://localhost/haier/statics/images/uploadfile/2015/0102/20150102091121175.jpg" uri="http://127.0.0.1/hanyao/uploadfile/2015/0102/20150102091121175.jpg" link="http://127.0.0.1/hanyao/index.php?m=content&c=index&a=show&catid=13&id=3" />
                 
                    <img class="tu1" src="http://localhost/haier/statics/images/uploadfile/2015/0102/20150102091033389.jpg" uri="http://127.0.0.1/hanyao/uploadfile/2015/0102/20150102091033389.jpg" link="http://www.taobao.com" />
                 
                    <img class="tu1" src="http://localhost/haier/statics/images/uploadfile/2015/0102/20150102090857865.jpg" uri="http://127.0.0.1/hanyao/uploadfile/2015/0102/20150102090857865.jpg" link="http://www.jd.com" />
                                </div>
                            </div>

            <div class="news" style="overflow:hidden;height:250px;">
                <div class="title">
                    <span class="span01" style="color: red">最新新闻</span>
                    <span style="margin-left: 250px; color: red ;" class="span01" style="color: red">产品中心</span>
                    
                </div >
                <ul><a href="#"><img class="bt" style=" width:100px;height:80px;" src="http://localhost/haier/statics/images/uploadfile/2015/0102/zs.png" />海尔家电最新导购资讯</a>
                    <li>说起4K显示器，去年您也许还会以为是概念型产品，而2013年却让我们意识到4K显示器时代也许真要到来了。首先上游面板加大了研发力度，虽然</li>
                </ul>
               
                
                <ul style="margin-left: 100px;" ><a href="#"><img style="width:100px;height:80px;" class="bt"  src="http://localhost/haier/statics/images/uploadfile/2015/0102/zs.png" />海尔家电最新导购资讯</a>
                    <li>说起4K显示器，去年您也许还会以为是概念型产品，而2013年却让我们意识到4K显示器时代也许真要到来了。首先上游面板加大了研发力度，虽然</li>
                </ul>
						

					<ul style="margin-left: 100px;" ><a href="#"><img style="width:250px;height:200px;"   src="http://localhost/haier/statics/images/uploadfile/2015/0102/xs.png" /></a>
                    
                </ul>
            </div>
            
		<hr/ style="background:red; height:2px;">
        

        </div>
    </div>
       <hr/ style="background:red; height:2px;">
 <div class="footer">
        <div class="footer_nav">
            <a href="about.html">招贤纳士</a><span>|</span>
            <a href="falv.html">法律声明</a><span>|</span>
            <a href="lxwm.html">联系我们</a>
        </div>
        
    </div>
    </div>
<script src="http://localhost/haier/statics/js/jquery-1.9.1.min.js"></script>
<script src="http://localhost/haier/statics/js/lrtk.js"></script>
<script src="http://localhost/haier/statics/js/display.js"></script>
<script type="text/javascript">picrun_ini()</script>
<script src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script src="http://localhost/haier/statics/js/dituContent.js"></script>
</body>
<script type="text/javascript">
//鼠标移上替换大图
    $('.tu1').mouseover(function(){
        $('.tu2').attr('src',$(this).attr('src'));
    });
    //鼠标移上图片放大
    $('.bt').mouseover(function(){
    $(this).css({'width':'102px','height':'82px'});

    });
      $('.bt').mouseout(function(){
    $(this).css({'width':'100px','height':'80px'});

    });
</script>

</html> 

 